// pages/category/index.js
Page({

  /**
   * 页面的初始数据
   */
  // https://api-hmugo-web.itheima.net/api/public/v1/categories
  data: {
    leftData: [], //左侧数据
    rightData: [], //右侧数据
    leftIndex: 0, //左侧监听到的下标
    initialIndex: 0, //初始下标scroll-top初始的距离
  },
  categoriesData: [], //分类总数据
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let cates = wx.getStorageSync("cates")
    console.log(cates);
    if (!cates) { //当本地没有任何数据时存储
      //分类页面数据
      this.getCategories()
    } else { //本地存在缓存数据
      //判断数据是否过期
      if (+new Date - cates.time > 10000) {
        //当超时之后重新获取数据

        this.getCategories()
      } else {
        this.categoriesData = cates.data
        this.data.leftData = this.categoriesData.map(item => item.cat_name)
        this.data.rightData = this.categoriesData[0].children
        this.setData({
          leftData: this.data.leftData,
          rightData: this.data.rightData
        })
      }

    }
  },
  navUrl(e){
console.log(e);
  },
  //分类页面数据
  getCategories: async function () {
    const {
      data
    } = await wx.categories.getCategories()
    console.log(data);
    this.cates = data.message
    // 将数据存储到本地
    wx.setStorageSync("cates", {
      time: +new Date(),
      data: this.cates
    })

    this.categoriesData = data.message
    this.data.leftData = this.categoriesData.map(item => item.cat_name)
    this.data.rightData = this.categoriesData[0].children
    this.setData({
      leftData: this.data.leftData,
      rightData: this.data.rightData
    })
  },
  //左侧区域点击事件
  onClickItem(e) {
    let {
      index
    } = e.target.dataset
    console.log(index);
    this.data.rightData = this.categoriesData[index].children
    this.setData({
      leftIndex: index,
      rightData: this.data.rightData,
      initialIndex: 0
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})